<div class="warp">
    <div class="top">
        <div class="srk">
            治具名稱：<input class="srkys" nz-input placeholder="請輸入治具名稱" [(ngModel)]="gdname" />
        </div>
        <div class="srk">
            <span style="font-size: 18px; color: #fff;">治具類型：</span>
            <nz-select [(ngModel)]="zjtypeof" nzAllowClear nzPlaceHolder="請選擇類型" (ngModelChange)="tpyeof($event)">
                <nz-option nzValue={{zjtypelist[key]}} nzLabel={{zjtypelist[key]}}
                    *ngFor="let typeof of zjtypelist let key = index"></nz-option>
            </nz-select>
        </div>
        <div class="srk">
            治具交期：<nz-date-picker [(ngModel)]="zjtime" [nzAllowClear]=false (ngModelChange)="onChange($event)"   nzPlaceHolder="請選擇日期">
            </nz-date-picker>
        </div>
        <div class="srk">
            預計完成時間：<nz-date-picker [(ngModel)]="yjtime" [nzAllowClear]=false (ngModelChange)="onChange2($event)" nzPlaceHolder="請選擇日期">
            </nz-date-picker>
        </div>
        <div class="srk">
            数量：<input #inputElement style="border: #fff;
            background: #203033;
            cursor: pointer;
            color: #fff;
            width: 180px;
            border-radius: 4px;" nz-input nz-tooltip nzTrigger="focus" nzPlacement="topLeft"
                nzOverlayClassName="numeric-input" [ngModel]="value" [nzTitle]="title" placeholder="請輸入治具數量"
                (ngModelChange)="onChange3($event,zjtypeof)" (blur)="onBlur()" />
        </div>
    </div>
    <div class="body">
        <div class="bodybody" style="background: #30494D;">
            <h3>設計</h3>
            <div style="margin-bottom: 5px;">預估總工時：<input nz-input placeholder="請輸入總工時" [(ngModel)]="sjztime"
                    [disabled]="true" /></div>
            <div style="text-indent: 18px;margin-bottom: 5px;">基本工時：<input nz-input [(ngModel)]="sjjbtime"
                    [disabled]="true" /></div>
            <div style="text-indent: 11px;">&nbsp;</div>
            <div class="bodybottom">
                <div class="li" title={{keypolist1[key1].keypoint}} *ngFor="let item1 of keypolist1 let key1 = index">
                    <label nz-checkbox [(ngModel)]="keypolist1[key1].kg" (ngModelChange)="keypo1(key1)"><span
                            style="text-align: left; text-overflow: -o-ellipsis-lastline;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;
                         -webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical; cursor:pointer;">{{keypolist1[key1].keypoint}}</span></label>
                    <div style="width: 50px; float: right;">{{keypolist1[key1].value}}H</div>
                </div>
            </div>
        </div>
        <div class="bodybody" style="background: #30494D;">
            <h3>編程</h3>
            <div style="margin-bottom: 5px;">預估總工時：<input nz-input placeholder="請輸入總工時" [(ngModel)]="bcztime"
                    [disabled]="true" /></div>
            <div style="text-indent: 18px;margin-bottom: 5px;">基本工時：<input nz-input [(ngModel)]="bcjbtime"
                    [disabled]="true" /></div>
            <div style="text-indent: 11px;">&nbsp;</div>
            <div class="bodybottom">
                <div class="li" title={{keypolist2[key2].keypoint}} *ngFor="let item2 of keypolist2 let key2 = index">
                    <label nz-checkbox [(ngModel)]="keypolist2[key2].kg" (ngModelChange)="keypo2(key2)"><span
                            style="text-align: left; text-overflow: -o-ellipsis-lastline;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;
                         -webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical; cursor:pointer;">{{keypolist2[key2].keypoint}}</span></label>
                    <div style="width: 50px; float: right;">{{keypolist2[key2].value}}H</div>
                </div>
            </div>
        </div>
        <div class="bodybody" style="background: #30494D;">
            <h3>加工</h3>
            <div style="margin-bottom: 5px;">預估總工時：<input nz-input placeholder="請輸入總工時" [(ngModel)]="jgztime"
                    [disabled]="true" /></div>
            <div style="text-indent: 18px;margin-bottom: 5px;">基本工時：<input nz-input [(ngModel)]="jgjbtime"
                    [disabled]="true" /></div>
            <div style="text-indent: 11px;">&nbsp;</div>
            <div class="bodybottom">
                <div class="li" title={{keypolist3[key3].keypoint}} *ngFor="let item3 of keypolist3 let key3 = index">
                    <label nz-checkbox [(ngModel)]="keypolist3[key3].kg" (ngModelChange)="keypo3()"><span
                            style="text-align: left; text-overflow: -o-ellipsis-lastline;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;
                         -webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical; cursor:pointer;">{{keypolist3[key3].keypoint}}</span></label>
                    <div style="width: 50px; float: right;">{{keypolist3[key3].value}}H</div>
                </div>
            </div>
        </div>
        <div class="bodybody" style="background: #30494D;">
            <h3>二次加工</h3>
            <div style="margin-bottom: 5px;">預估總工時：<input nz-input placeholder="請輸入總工時" [(ngModel)]="erztime"
                    [disabled]="true" /></div>
            <div style="text-indent: 18px;margin-bottom: 5px;">基本工時：<input nz-input [(ngModel)]="erjbtime"
                    [disabled]="true" /></div>
            <div style="text-indent: 11px;">&nbsp;</div>
            <div class="bodybottom">
                <div class="li" title={{keypolist4[key4].keypoint}} *ngFor="let item4 of keypolist4 let key4 = index">
                    <label nz-checkbox [(ngModel)]="keypolist4[key4].kg" (ngModelChange)="keypo4()"><span
                            style="text-align: left; text-overflow: -o-ellipsis-lastline;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;
                     -webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical; cursor:pointer;">{{keypolist4[key4].keypoint}}</span></label>
                    <div style="width: 50px; float: right;">{{keypolist4[key4].value}}H</div>
                </div>
            </div>
        </div>
        <div class="bodybody" style="background: #30494D;">
            <h3>組裝</h3>
            <div style="margin-bottom: 5px;">預估總工時：<input nz-input placeholder="請輸入總工時" [(ngModel)]="zzztime"
                    [disabled]="true" /></div>
            <div style="text-indent: 18px;margin-bottom: 5px;">基本工時：<input nz-input [(ngModel)]="zzjbtime"
                    [disabled]="true" /></div>
            <div style="text-indent: 11px;">&nbsp;</div>
            <div class="bodybottom">
                <div class="li" title={{keypolist5[key5].keypoint}} *ngFor="let item5 of keypolist5 let key5 = index">
                    <label nz-checkbox [(ngModel)]="keypolist5[key5].kg" (ngModelChange)="keypo5()"><span
                            style="text-align: left; text-overflow: -o-ellipsis-lastline;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;
                 -webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical; cursor:pointer;">{{keypolist5[key5].keypoint}}</span></label>
                    <div style="width: 50px; float: right;">{{keypolist5[key5].value}}H</div>
                </div>
            </div>
        </div>
    </div>
    <div class="bottom">
        <div style="width: 100%;display: flex;">
            <div style="margin:0 auto; margin-top:1%;margin-bottom:1%;">
                <!-- 删除按钮 -->
                <button class="delet" (click)="delInput()"></button>
                <!-- 保存按钮 -->
                <button class="save" (click)="save()"></button>
            </div>
        </div>
    </div>
</div>
